<template>
  <div class="home">
    <div class="header">
      <div class="logo">
        <img src="../../assets/img/home/logo.png" alt="">
      </div>
      <div class="title">
        <img src="../../assets/img/home/title.png" alt="">
      </div>
    </div>

    <div class="btn-group">
      <grid :cols="3">
        <grid-item v-for="(value,i) in btnLinks" :key="i" class="btn" :link="{path:value.link}">
          <img :src="value.url" alt="">
        </grid-item>
      </grid>
    </div>

  </div>
</template>

<script>
  import { Grid, GridItem } from 'vux'

  export default {
    components: {
      Grid,
      GridItem
    },
    data () {
      return {
        btnLinks: {
          农资商城: { url: require('../../assets/img/home/store-btn.png'), link: '/store' },
          农业咨询: { url: require('../../assets/img/home/zixun-btn.png'), link: '/zixun' },
          农业科普: { url: require('../../assets/img/home/kepu-btn.png'), link: '' },
          农资合作: { url: require('../../assets/img/home/nongzi-btn.png'), link: '/nongzi' },
          农业合作: { url: require('../../assets/img/home/nongye-btn.png'), link: '/nongye' },
          收购合作: { url: require('../../assets/img/home/shougou-btn.png'), link: '/shougou' },
          一键销售: { url: require('../../assets/img/home/sale-btn.png'), link: '/sale' },
          农业要闻: { url: require('../../assets/img/home/news-btn.png'), link: '/news' },
          惠民服务: { url: require('../../assets/img/home/service-btn.png'), link: '/service' }
        }
      }
    }
  }
</script>

<style lang="less">

</style>


